<template>
  <el-row>
    <el-col :span="24"><div class="d">1</div></el-col>
  </el-row>
  <el-row>
    <el-col :span="12"><div class="d">1</div></el-col>
    <el-col :span="12"><div class="d">1</div></el-col>
  </el-row>
  <el-row :gutter="20">
    <el-col :span="8"><div class="d">1</div></el-col>
    <el-col :span="8"><div class="d">1</div></el-col>
    <el-col :span="8"><div class="d">1</div></el-col>
  </el-row>
  <el-row>
    <el-col :span="6"><div class="d">1</div></el-col>
    <el-col :span="6"><div class="d">1</div></el-col>
    <el-col :span="6"><div class="d">1</div></el-col>
    <el-col :span="6"><div class="d">1</div></el-col>
  </el-row>
  <el-row>
    <el-col :span="4"><div class="d">1</div></el-col>
    <el-col :span="4"><div class="d">1</div></el-col>
    <el-col :span="4"><div class="d">1</div></el-col>
    <el-col :span="4"><div class="d">1</div></el-col>
    <el-col :span="4"><div class="d">1</div></el-col>
    <el-col :span="4"><div class="d">1</div></el-col>
  </el-row>

  <el-row>
    <el-col :span="6"><div class="d">1</div></el-col>
    <el-col :span="6"><div class="d">1</div></el-col>
    <el-col :span="6"><div class="d">1</div></el-col>
    <el-col :span="6"><div class="d">1</div></el-col>
  </el-row>
  <el-row justify="space-around" :gutter="10">
   <el-col :span="6">10</el-col>
   <el-col :span="6">10</el-col>
   <el-col :span="6">10</el-col>
  </el-row>
</template>

<style scoped>
.d{
  border: 1px solid red;
}
</style>